<!-- 文档类型声明标签，告知浏览器这个页面采取html版本来显示页面 -->
<!DOCTYPE html>
<!-- 告诉浏览器这是一个英文网站，本页面采取英文显示，单也可以书写中文 -->
<html lang="en">

<head>
    <!-- 必须书写，告知浏览器以UTF-8编码表编解码中文，如果不书写就会乱码 -->
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- 标题标签 -->
    <title>Title</title>
</head>

<body>

    <form id="register" action="#" onblur="checkUserName()">
        <input type="text" name="username" id="username" />

        <input type="submit" value="提交">
    </form>

    <script>
        //需求：给form表单绑定提交事件，然后将数据提交到后台服务器
        function checkUserName() {
            let usernameValue = document.getElementById("username").value;
            let reg = /^.{6}$/;

            if (reg.test(usernameValue)) {
                alert("用户名合法");
                return turn;
            } else {
                alert("用户名非法");
                return false;
            }
        }

        document.getElementById("register").onsubmit=function(){
            return checkUserName();
        }

    </script>

</body>

</html>